<div flex layout layout-padding id="demo">
    <div flex flex-sm class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">OI Select</h3>
        </div>
        <div class="panel-body">
            <oi-select oi-options="item.name for item in shopArr track by item.id" ng-model="bundle" multiple placeholder="Select"></oi-select>
        </div>
        <div class="panel-body">
            <datetime-picker dateID="date-start-time" ng-model="eventTime" timepicker="false" format="Y-m-d" class="form-control"></datetime-picker>
            <div>{{eventTime}}</div>
        </div>
    </div>
    <div flex flex-sm class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">zTree</h3>
        </div>
        <div class="panel-body">
            <input class="form-control" type="text" ng-model="selectZtree" />
            <z-tree id="tree" class="ztree" z-selected="selectZtree" z-config="config" z-option="zNodes"></z-tree>
        </div>
    </div>
</div>
